<template>
    <div>
       <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" @click='getDian'>
					<router-link to="/home/Netinit">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/13/5/12417931.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							幸福
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat }}</span><span>点击次数：{{ dian }}</span></p>
						</div>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/10/5a6af13eb10575840.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							木屋
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：{{ dian }}</span></p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://qc-cache.kdnet.net//upload/userface/16/5/5b3ceb6a10c281320.jpg?imageMogr2/crop/200x200">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'><span>发布时间：{{ time | dateFormat('YYYY-MM-DD') }}</span><span>点击次数：0</span></p>
						</div>
					</a>
				</li>
			</ul>
    </div>
</template>

<script>
export default {
    data(){
        return {
            time:Date (),
            dian:0
        }
    },
    methods:{
        getDian(){
            this.dian+=1
        }
    }
}
</script>


<style scoped>
.mui-media .mui-media-body .mui-ellipsis{
    display:flex;
    justify-content:space-between;
}
.mui-media-body .mui-ellipsis span{
    color:#639CFF;
}
</style>